<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #uni_map_canvas { height: 100% }
  * { 
      font-size: 12px;
      font-family: calibri, tahoma, arial, verdana, sans-serif !important;
    }
</style>

<style type="text/css">   /*Cores (background e fonte)*/
.blue{ background-color: #007bff !important; color: white !important;}
.indigo{ background-color: #6610f2 !important; color: white !important;}
.purple{ background-color: #6f42c1 !important; color: white !important;}
.pink{ background-color: #e83e8c !important; color: white !important;}
.red{ background-color: #dc3545 !important; color: white !important;}
.orange{ background-color: #fd7e14 !important; color: white !important;}
.yellow{ background-color: #ffc107 !important; color: black !important;}
.green{ background-color: #28a745 !important; color: white !important;}
.teal{ background-color: #20c997 !important; color: white !important;}
.cyan{ background-color: #17a2b8 !important; color: white !important;}
.white{ background-color: #fff !important; color: black !important;}
.gray{ background-color: #6c757d !important; color: white !important;}
.gray-dark{ background-color: #343a40 !important; color: white !important;}
.primary{ background-color: #007bff !important; color: white !important;}
.secondary{ background-color: #6c757d !important; color: white !important;}
.success{ background-color: #28a745 !important; color: white !important;}
.info{ background-color: #17a2b8 !important; color: white !important;}
.warning{ background-color: #ffc107 !important; color: black !important;}
.danger{ background-color: #dc3545 !important; color: white !important;}
.light{ background-color: #f8f9fa !important; color: black !important;}
.dark{ background-color: #343a40 !important; color: white !important;}
</style>

<style type="text/css">
/*.x-grid-row-selected .x-grid-td*/
.x-grid-item.x-grid-item-selected{
  background-color: #e8e8e8;
}
.x-column-header-inner{
  /*height: 29px;
  font-size: 11;
  line-height: 22px;
  background-color: #1e272e;
  color: white;*/

  height: 29px;
  font-size: 11;
  line-height: 22px;
  background-color: white;
  color: #2F2E2E;
  border-bottom: 1px solid #DDD;
  font-weight: bold;
} 
.x-column-header-over{
  background-image: none !important;
  /*background-color: rgba(30, 39, 46, 0.92) !important;*/
  background-color: transparent !important;
}
.x-grid-row .x-grid-cell-selected{
  /*background-color: rgba(12, 62, 206, 0.32) !important;*/
  background-color: #e6e5e5 !important;
}
.x-grid-cell-inner{
  padding: 6px 6px 8px 6px;
  font-size: 11px;
}
.x-column-header-over .x-column-header-trigger,
.x-column-header-open .x-column-header-trigger {
    width: 35px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0) !important;
    background-position: center;
    /*background-image: url(ext-6.5.3/build/classic/theme-classic/resources/images/grid/page-next-disabled.gif);*/
    background-image: url(../img/menu-grid.gif);
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.x-column-header-trigger:hover{
  background-color: rgba(255, 255, 255, 0.11);
}  
.x-panel-body-default{ /*Tira a borda padrao da classe*/
  border-style: none !important;
  color: #2F2E2E; /*Cor padrao da fonte*/
  /*font: normal normal normal 12px avenir-lt-w01_35-light1475496,sans-serif;*//*TODO*/
}
.x-grid-header-ct{ /*Tira bordas da Grid*/
  background-image: none;
  background-color: transparent;
  border: none;
}
.x-btn-icon-el.x-tbar-loading {
    /*background-image: url(http://downloadicons.net/sites/default/files/refresh-button-icon-56615.png);*/
    background-image: url(../img/refresh-flat.png);
    background-size: 18px;
}
.x-tab-bar-strip{
	top: 25px;
}
/*.x-tab-bar-strip-default{
	background-color: #deecfd;*/ /*Cor da linha abaixo da Tab*/
/*}*/
a.x-tab{
	height: 25px;
	background-image: none;
  /*background-color: #bcc9d8;
  border-color: #32404e;*/
  background-color: white;
  border-color: #98a6b5;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
  border-radius: 0px;
}
.x-tab-over.x-tab-default {
    border-color: #8db3e3;
    background-image: none !important;
    background-color: white !important;
}
.x-tab-default-top.x-tab.x-tab-active,
.x-tab-default-left.x-tab.x-tab-active,
.x-tab-default-right.x-tab.x-tab-active{
	 background-image: none;
    background-color: white;
    border-top: 3px solid #32404e !important;
    border-bottom-color: white !important;
    border-left: 1px solid #DDD!important;
    border-right: 1px solid #DDD !important;
    border-radius: 0px;
    cursor: default;
}
.x-tab-default-top,
.x-tab-default-left,
.x-tab-default-right{
  background-image: none;
    background-color: white;
    border: none;
    border-bottom: 1px solid #DDD;
    border-top: 3px solid transparent;
}
.x-tab-bar-strip-default{
  background-color: white;
  border-color: #DDD;
}
.x-tab-default .x-tab-inner{ /*Texto da Tab*/
	font-size: 11px;
	line-height: 16px;
  color: #515d67;
}
.x-tab-default .x-tab-icon-el{
	height: 18px;
}
.x-tab-default-active .x-tab-inner{
  color: #20303c;
}
.x-tab-bar-default{
  /*border-color: #32404e;*/
  border-color: white;
}
.x-tab-bar-default-top{
  background-image: none;
  /*background-color: #32404e;*/
  background-color: white;
}
.x-window-body-default {
    border-color: #32404e;
}
.x-window-default{
  border-width: 0px;
  background-color: white;
}

body > .x-panel .x-toolbar/*.x-docked*/ {
	height: 36px !important;
	background-color: rgba(30, 39, 46, 0.84); /*Definir cor do menu*/
	background-image: none;
}
/*.x-toolbar-text-default {
    padding: 0 4px;
    color: #ffffff;
    font: normal 11px/16px tahoma, arial, verdana, sans-serif;
}*/
.x-panel-body-default {
    /*border-style: none !important;*/
    /*color: #2F2E2E;*/
    /*font: normal 11px/16px calibri, tahoma, arial, verdana, sans-serif;*/
    font-family: calibri, tahoma, arial, verdana, sans-serif;
}
.x-toolbar-default{
   background-image: none;
   background-color: rgb(50, 64, 78);/*#e4e5e6;*/
   border: none;
}
.x-btn-default-toolbar-small .x-btn-inner{ /*Texto do Menu Principal*/
	color: #fff;
	font-size: 12px;
}
.x-btn-over.x-btn-default-toolbar-small { /*Quando passar o mouse nos itens no Menu Principal*/
	background-image: none;
	background-color: rgba(255, 255, 255, 0.25);
	border-color: rgba(255, 255, 255, 0.18);
}
.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.x-btn.x-btn-pressed.x-btn-default-toolbar-small{ /*Quando clicar nos itens do menu*/
    background-image: none;
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.18);
}
/*.x-menu-body{
	background: rgba(30, 39, 46, 0.84); /*Cor do Sub-Menu*/
/*}*/
.x-menu-default{
  border-color: rgb(175, 176, 177);
}
/*.x-menu-item-active{ /*Quando passar o mouse nos itens no Sub_Menu*/
/*	background-image: none !important;
	background-color: rgba(255, 255, 255, 0.15) !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
}*/
/*.x-menu-item-text{ /* Fonte no Sub_Menu */
/*	color: white !important;
   font-size: 13px !important;
}*/
/*.x-menu-item-focus .x-menu-item-text-default,
.x-menu-item-active .x-menu-item-text-default { /* Fonte no Sub_Menu ao passar o mouse*/
/*    color: white;
}*/

/*Radio Button*/
/*1º Modelo*/
/*.x-form-cb-checked .x-form-radio {
    border-radius: 100%;
    border: 3px solid #838f9b;
    background-color: #3a4a5a;
}
.x-form-radio {
  background: none;
    border-radius: 100%;
    border: 3px solid #dcdbdb;
    background-color: #f9f9f9;
}*/
/*2º Modelo*/
.x-form-cb-checked .x-form-radio {
  background: radial-gradient(circle closest-side,
    #787878 0%, #787878 50%, #d8d8d8 60%,#fff 60%,#fff 100%,rgba(0,0,0,0) 100%)
}
.x-form-radio {
  background: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 100%;width:14px;height:14px;
}
/*Fim Radio Button*/

.x-btn-default-toolbar-small{
	height: 31px; /*Tamanho do Botao do menu*/
/* margin-left: 3px !important;
	position: relative !important;
   left: 0 !important; */
}
.x-btn-toolbar .x-btn-wrap{
	padding-top: 5px; /*Alinhar texto no Botao do menu principal*/
}

.x-btn-default-small,
.x-btn-default-medium,
.x-btn-default-large {  /*Botões em geral*/
    border: 1px solid transparent !important;
    transition: all 0.15s ease-in-out;
    background-image: none !important;
    background-color: #32404e;
    border-radius: unset !important;
    opacity: 0.8;
}
.x-btn-default-small:hover,
.x-btn-default-medium:hover,
.x-btn-default-large:hover {
    opacity: 1 !important;
}
.x-btn-over.x-btn-default-small,
.x-btn-over.x-btn-default-medium,
.x-btn-over.x-btn-default-large{
   /*background-color: #007bff;*/
   /*background-color: #5b6671c7*/
   background-color: #32404e;
}
.x-btn{
   color: white; /*Apenas para deixar a cor padrao da fonte no botao*/
}
.x-btn-focus {
   opacity: 1;
   /*border-color: #23599e !important;*/
   border-color: #0c074a !important;
}
.x-btn.x-btn-menu-active.x-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-small,
.x-btn.x-btn-menu-active.x-btn-default-medium,
.x-btn.x-btn-pressed.x-btn-default-medium,
.x-btn.x-btn-menu-active.x-btn-default-large,
.x-btn.x-btn-pressed.x-btn-default-large{
  background-color: #0f2d50;
}

.x-btn-default-small .x-btn-inner,
.x-btn-default-medium .x-btn-inner,
.x-btn-default-large .x-btn-inner{
    color: inherit;
}


/*ShowMessage*/
.x-message-box .x-window-body{
  background-color: white;
}
.x-window-header-default-top{
  background-color: white;
  border: none;
}
.x-window.x-message-box.x-closable .x-tool.x-box-item.x-tool-default.x-tool-after-title{
  display: none;
}


/*Menu Tree*/
.x-treelist-nav .x-treelist-item-text{
  line-height: 32px;
}
.x-treelist-nav .x-treelist-row {
    height: 34px;
}.x-treelist-nav .x-treelist-item-expander {
    font-size: 2px;
}
</style>
